<template>
	
		<view>
			<cu-custom bgColor="bg-gradual-blue" :isBack="true"  >
				<block slot="content">任务详情</block>
			</cu-custom>
			<view>
				<view   class="hh-shang" >
						<view class="hh-img">
							<u-image width="100upx" height="100upx" :src="src" shape="circle"></u-image>	
						</view>	
						<view class="hh-conut">
							{{taskName}}
						</view>
						<view class="hh-countxia">
							{{taskStatus}}
						</view>	
				</view>

				<view class="hh-zhong"> 
					<u-cell-group style="width: 500upx;">
						<u-cell-item  title="巡视等级" value="常规巡视" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视类型" value="间隔任务" :arrow="false"></u-cell-item>
						<u-cell-item  title="电压等级" value="66kV" :arrow="false"></u-cell-item>
						<u-cell-item  title="线路名称" value="XX线路" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视段落" value="001-003" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视频率" value="周期巡视10次" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视周期" value="1日" :arrow="false"></u-cell-item>
						<u-cell-item  title="派单时间" value="2020-12-45" :arrow="false"></u-cell-item>
						<u-cell-item  title="计划开始时间" value="2020-10-54" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视单位" value="输电运维二班" :arrow="false"></u-cell-item>
						<u-cell-item  title="巡视人员" value="张三丰" :arrow="false"></u-cell-item>
					</u-cell-group>
			</view>	
			</view>
			<view class="hh-xia">
				<u-button @click="jumpUrl" shape="square" 
				style="width: 500upx;height: 70upx;" type="primary" >
				任务开始
				</u-button>
			</view>
		</view>
	
</template>
 
<script>
import {navigateTo} from '../../../utils/common.js'
	 	export default {
			 data() {
				return {
					parmData:null,
					src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
					taskName:"66kV-XX线路-001-007 巡视任务",
					taskStatus:"待巡视"
				}
			 },
			 onLoad: function(option) {
				var data = JSON.parse(option.parm)
				this.parmData = data;
			 },
			 methods: {
				jumpUrl()
				{
					var data = {
						taskId: "110",
					}
					var  url= 'basics/xs/xs3' + '?parm=' + JSON.stringify(data)
					navigateTo(url);
				}
			 }
	 		 
	 	}
</script>

<style>
.hh-xia
{
	position:fixed;
	bottom:0;
	padding-left: 120upx
}
.hh-shang
{
	width: 670upx; 
	height: 100upx; 
	margin-left: 35upx;
	margin-top: 20upx;
}
.hh-img
{
	width: 100upx;
	height: 100upx; 
	float:left;
}
.hh-conut
{
	height: 40upx; 
	/* 添加float样式即可实现水平排列 */
	float:left;
	/* border:1px solid black; */
	padding-left: 20upx;
	padding-top: 15upx;
}
.hh-countxia
{
	 height: 40upx; 
	 width:  400upx; 
	 float:left;
	 padding-left: 20upx;
	 padding-top: 16upx;
}
.hh-zhong
{
	  
}

</style>
